import { Alert } from '../libs/MyUI';

((doc) => {
  const oShowAlert: HTMLElement = doc.querySelector('#showAlert');

  //静态方法Alert.create返回一个实例化对象
  const alert = Alert.create({
    //动画时间
    duration: 300,
    //标题
    headerTitle: '这是我的第一个Alert',
    //内容
    alertText: '这是我的第一个Alert这是我的第一个Alert这是我的第一个Alert'
  });

  const init = (): void => {
    bindEvent();
  };

  function bindEvent(): void {
    oShowAlert.addEventListener('click', showAlert, false);
  }

  //点击按钮显示警告模态框
  function showAlert(): void {
    alert.show('warning', {
      duration: 150,
      headerTitle: '这是我的Alert的第二个title',
      alertText: '这是我的Alert的第二个内容'
    });

    // alert.show();
  }

  init();
})(document);
